<!DOCTYPE html>
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if IE 9]>         <html class="no-js lt-ie10"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">

        <title>ProUI - Responsive Bootstrap Admin Template</title>

        <meta name="description" content="ProUI is a Responsive Bootstrap Admin Template created by pixelcave and published on Themeforest.">
        <meta name="author" content="pixelcave">
        <meta name="robots" content="noindex, nofollow">

        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0">

        <!-- Icons -->
        <!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
        <link rel="shortcut icon" href="img/favicon.png">
        <link rel="apple-touch-icon" href="img/icon57.png" sizes="57x57">
        <link rel="apple-touch-icon" href="img/icon72.png" sizes="72x72">
        <link rel="apple-touch-icon" href="img/icon76.png" sizes="76x76">
        <link rel="apple-touch-icon" href="img/icon114.png" sizes="114x114">
        <link rel="apple-touch-icon" href="img/icon120.png" sizes="120x120">
        <link rel="apple-touch-icon" href="img/icon144.png" sizes="144x144">
        <link rel="apple-touch-icon" href="img/icon152.png" sizes="152x152">
        <link rel="apple-touch-icon" href="img/icon180.png" sizes="180x180">
        <!-- END Icons -->

        <!-- Stylesheets -->
        <!-- Bootstrap is included in its original form, unaltered -->
        <link rel="stylesheet" href="css/bootstrap.min.css">

        <!-- Related styles of various icon packs and plugins -->
        <link rel="stylesheet" href="css/plugins.css">

        <!-- The main stylesheet of this template. All Bootstrap overwrites are defined in here -->
        <link rel="stylesheet" href="css/main.css">

        <!-- Include a specific file here from css/themes/ folder to alter the default theme of the template -->

        <!-- The themes stylesheet of this template (for using specific theme color in individual elements - must included last) -->
        <link rel="stylesheet" href="css/themes.css">
        <!-- END Stylesheets -->

        <!-- Modernizr (browser feature detection library) & Respond.js (enables responsive CSS code on browsers that don't support it, eg IE8) -->
        <script src="js/vendor/modernizr-respond.min.js"></script>
    </head>
    <body>
        <!-- Page Wrapper -->
        <!-- In the PHP version you can set the following options from inc/config file -->
        <!--
            Available classes:

            'page-loading'      enables page preloader
        -->
        <div id="page-wrapper">
            <!-- Preloader -->
            <!-- Preloader functionality (initialized in js/app.js) - pageLoading() -->
            <!-- Used only if page preloader is enabled from inc/config (PHP version) or the class 'page-loading' is added in #page-wrapper element (HTML version) -->
            <div class="preloader themed-background">
                <h1 class="push-top-bottom text-light text-center"><strong>Pro</strong>UI</h1>
                <div class="inner">
                    <h3 class="text-light visible-lt-ie9 visible-lt-ie10"><strong>Loading..</strong></h3>
                    <div class="preloader-spinner hidden-lt-ie9 hidden-lt-ie10"></div>
                </div>
            </div>
            <!-- END Preloader -->

            <!-- Page Container -->
            <!-- In the PHP version you can set the following options from inc/config file -->
            <!--
                Available #page-container classes:

                '' (None)                                       for a full main and alternative sidebar hidden by default (> 991px)

                'sidebar-visible-lg'                            for a full main sidebar visible by default (> 991px)
                'sidebar-partial'                               for a partial main sidebar which opens on mouse hover, hidden by default (> 991px)
                'sidebar-partial sidebar-visible-lg'            for a partial main sidebar which opens on mouse hover, visible by default (> 991px)
                'sidebar-mini sidebar-visible-lg-mini'          for a mini main sidebar with a flyout menu, enabled by default (> 991px + Best with static layout)
                'sidebar-mini sidebar-visible-lg'               for a mini main sidebar with a flyout menu, disabled by default (> 991px + Best with static layout)

                'sidebar-alt-visible-lg'                        for a full alternative sidebar visible by default (> 991px)
                'sidebar-alt-partial'                           for a partial alternative sidebar which opens on mouse hover, hidden by default (> 991px)
                'sidebar-alt-partial sidebar-alt-visible-lg'    for a partial alternative sidebar which opens on mouse hover, visible by default (> 991px)

                'sidebar-partial sidebar-alt-partial'           for both sidebars partial which open on mouse hover, hidden by default (> 991px)

                'sidebar-no-animations'                         add this as extra for disabling sidebar animations on large screens (> 991px) - Better performance with heavy pages!

                'style-alt'                                     for an alternative main style (without it: the default style)
                'footer-fixed'                                  for a fixed footer (without it: a static footer)

                'disable-menu-autoscroll'                       add this to disable the main menu auto scrolling when opening a submenu

                'header-fixed-top'                              has to be added only if the class 'navbar-fixed-top' was added on header.navbar
                'header-fixed-bottom'                           has to be added only if the class 'navbar-fixed-bottom' was added on header.navbar

                'enable-cookies'                                enables cookies for remembering active color theme when changed from the sidebar links
            -->
            <div id="page-container" class="sidebar-partial sidebar-visible-lg sidebar-no-animations">
                <!-- Alternative Sidebar -->
                <div id="sidebar-alt">
                    <!-- Wrapper for scrolling functionality -->
                    <div id="sidebar-alt-scroll">
                        <!-- Sidebar Content -->
                        <div class="sidebar-content">
                            <!-- Chat -->
                            <!-- Chat demo functionality initialized in js/app.js -> chatUi() -->
                            <a href="page_ready_chat.html" class="sidebar-title">
                                <i class="gi gi-comments pull-right"></i> <strong>Chat</strong>UI
                            </a>
                            <!-- Chat Users -->
                            <ul class="chat-users clearfix">
                                <li>
                                    <a href="javascript:void(0)" class="chat-user-online">
                                        <span></span>
                                        <img src="img/placeholders/avatars/avatar12.jpg" alt="avatar" class="img-circle">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="chat-user-online">
                                        <span></span>
                                        <img src="img/placeholders/avatars/avatar15.jpg" alt="avatar" class="img-circle">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="chat-user-online">
                                        <span></span>
                                        <img src="img/placeholders/avatars/avatar10.jpg" alt="avatar" class="img-circle">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="chat-user-online">
                                        <span></span>
                                        <img src="img/placeholders/avatars/avatar4.jpg" alt="avatar" class="img-circle">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="chat-user-away">
                                        <span></span>
                                        <img src="img/placeholders/avatars/avatar7.jpg" alt="avatar" class="img-circle">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="chat-user-away">
                                        <span></span>
                                        <img src="img/placeholders/avatars/avatar9.jpg" alt="avatar" class="img-circle">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="chat-user-busy">
                                        <span></span>
                                        <img src="img/placeholders/avatars/avatar16.jpg" alt="avatar" class="img-circle">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">
                                        <span></span>
                                        <img src="img/placeholders/avatars/avatar1.jpg" alt="avatar" class="img-circle">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">
                                        <span></span>
                                        <img src="img/placeholders/avatars/avatar4.jpg" alt="avatar" class="img-circle">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">
                                        <span></span>
                                        <img src="img/placeholders/avatars/avatar3.jpg" alt="avatar" class="img-circle">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">
                                        <span></span>
                                        <img src="img/placeholders/avatars/avatar13.jpg" alt="avatar" class="img-circle">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">
                                        <span></span>
                                        <img src="img/placeholders/avatars/avatar5.jpg" alt="avatar" class="img-circle">
                                    </a>
                                </li>
                            </ul>
                            <!-- END Chat Users -->

                            <!-- Chat Talk -->
                            <div class="chat-talk display-none">
                                <!-- Chat Info -->
                                <div class="chat-talk-info sidebar-section">
                                    <button id="chat-talk-close-btn" class="btn btn-xs btn-default pull-right">
                                        <i class="fa fa-times"></i>
                                    </button>
                                    <img src="img/placeholders/avatars/avatar5.jpg" alt="avatar" class="img-circle pull-left">
                                    <strong>John</strong> Doe
                                </div>
                                <!-- END Chat Info -->

                                <!-- Chat Messages -->
                                <ul class="chat-talk-messages">
                                    <li class="text-center"><small>Yesterday, 18:35</small></li>
                                    <li class="chat-talk-msg animation-slideRight">Hey admin?</li>
                                    <li class="chat-talk-msg animation-slideRight">How are you?</li>
                                    <li class="text-center"><small>Today, 7:10</small></li>
                                    <li class="chat-talk-msg chat-talk-msg-highlight themed-border animation-slideLeft">I'm fine, thanks!</li>
                                </ul>
                                <!-- END Chat Messages -->

                                <!-- Chat Input -->
                                <form action="index.html" method="post" id="sidebar-chat-form" class="chat-form">
                                    <input type="text" id="sidebar-chat-message" name="sidebar-chat-message" class="form-control form-control-borderless" placeholder="Type a message..">
                                </form>
                                <!-- END Chat Input -->
                            </div>
                            <!--  END Chat Talk -->
                            <!-- END Chat -->

                            <!-- Activity -->
                            <a href="javascript:void(0)" class="sidebar-title">
                                <i class="fa fa-globe pull-right"></i> <strong>Activity</strong>UI
                            </a>
                            <div class="sidebar-section">
                                <div class="alert alert-danger alert-alt">
                                    <small>just now</small><br>
                                    <i class="fa fa-thumbs-up fa-fw"></i> Upgraded to Pro plan
                                </div>
                                <div class="alert alert-info alert-alt">
                                    <small>2 hours ago</small><br>
                                    <i class="gi gi-coins fa-fw"></i> You had a new sale!
                                </div>
                                <div class="alert alert-success alert-alt">
                                    <small>3 hours ago</small><br>
                                    <i class="fa fa-plus fa-fw"></i> <a href="page_ready_user_profile.html"><strong>John Doe</strong></a> would like to become friends!<br>
                                    <a href="javascript:void(0)" class="btn btn-xs btn-primary"><i class="fa fa-check"></i> Accept</a>
                                    <a href="javascript:void(0)" class="btn btn-xs btn-default"><i class="fa fa-times"></i> Ignore</a>
                                </div>
                                <div class="alert alert-warning alert-alt">
                                    <small>2 days ago</small><br>
                                    Running low on space<br><strong>18GB in use</strong> 2GB left<br>
                                    <a href="page_ready_pricing_tables.html" class="btn btn-xs btn-primary"><i class="fa fa-arrow-up"></i> Upgrade Plan</a>
                                </div>
                            </div>
                            <!-- END Activity -->

                            <!-- Messages -->
                            <a href="page_ready_inbox.html" class="sidebar-title">
                                <i class="fa fa-envelope pull-right"></i> <strong>Messages</strong>UI (5)
                            </a>
                            <div class="sidebar-section">
                                <div class="alert alert-alt">
                                    Debra Stanley<small class="pull-right">just now</small><br>
                                    <a href="page_ready_inbox_message.html"><strong>New Follower</strong></a>
                                </div>
                                <div class="alert alert-alt">
                                    Sarah Cole<small class="pull-right">2 min ago</small><br>
                                    <a href="page_ready_inbox_message.html"><strong>Your subscription was updated</strong></a>
                                </div>
                                <div class="alert alert-alt">
                                    Bryan Porter<small class="pull-right">10 min ago</small><br>
                                    <a href="page_ready_inbox_message.html"><strong>A great opportunity</strong></a>
                                </div>
                                <div class="alert alert-alt">
                                    Jose Duncan<small class="pull-right">30 min ago</small><br>
                                    <a href="page_ready_inbox_message.html"><strong>Account Activation</strong></a>
                                </div>
                                <div class="alert alert-alt">
                                    Henry Ellis<small class="pull-right">40 min ago</small><br>
                                    <a href="page_ready_inbox_message.html"><strong>You reached 10.000 Followers!</strong></a>
                                </div>
                            </div>
                            <!-- END Messages -->
                        </div>
                        <!-- END Sidebar Content -->
                    </div>
                    <!-- END Wrapper for scrolling functionality -->
                </div>
                <!-- END Alternative Sidebar -->

                <!-- Main Sidebar -->
                <div id="sidebar">
                    <!-- Wrapper for scrolling functionality -->
                    <div id="sidebar-scroll">
                        <!-- Sidebar Content -->
                        <div class="sidebar-content">
                            <!-- Brand -->
                            <a href="index.html" class="sidebar-brand">
                                <i class="gi gi-flash"></i><span class="sidebar-nav-mini-hide"><strong>Pro</strong>UI</span>
                            </a>
                            <!-- END Brand -->

                            <!-- User Info -->
                            <div class="sidebar-section sidebar-user clearfix sidebar-nav-mini-hide">
                                <div class="sidebar-user-avatar">
                                    <a href="page_ready_user_profile.html">
                                        <img src="img/placeholders/avatars/avatar2.jpg" alt="avatar">
                                    </a>
                                </div>
                                <div class="sidebar-user-name">John Doe</div>
                                <div class="sidebar-user-links">
                                    <a href="page_ready_user_profile.html" data-toggle="tooltip" data-placement="bottom" title="Profile"><i class="gi gi-user"></i></a>
                                    <a href="page_ready_inbox.html" data-toggle="tooltip" data-placement="bottom" title="Messages"><i class="gi gi-envelope"></i></a>
                                    <!-- Opens the user settings modal that can be found at the bottom of each page (page_footer.html in PHP version) -->
                                    <a href="javascript:void(0)" class="enable-tooltip" data-placement="bottom" title="Settings" onclick="$('#modal-user-settings').modal('show');"><i class="gi gi-cogwheel"></i></a>
                                    <a href="login.html" data-toggle="tooltip" data-placement="bottom" title="Logout"><i class="gi gi-exit"></i></a>
                                </div>
                            </div>
                            <!-- END User Info -->

                            <!-- Theme Colors -->
                            <!-- Change Color Theme functionality can be found in js/app.js - templateOptions() -->
                            <ul class="sidebar-section sidebar-themes clearfix sidebar-nav-mini-hide">
                                <!-- You can also add the default color theme
                                <li class="active">
                                    <a href="javascript:void(0)" class="themed-background-dark-default themed-border-default" data-theme="default" data-toggle="tooltip" title="Default Blue"></a>
                                </li>
                                -->
                                <li>
                                    <a href="javascript:void(0)" class="themed-background-dark-night themed-border-night" data-theme="css/themes/night.css" data-toggle="tooltip" title="Night"></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="themed-background-dark-amethyst themed-border-amethyst" data-theme="css/themes/amethyst.css" data-toggle="tooltip" title="Amethyst"></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="themed-background-dark-modern themed-border-modern" data-theme="css/themes/modern.css" data-toggle="tooltip" title="Modern"></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="themed-background-dark-autumn themed-border-autumn" data-theme="css/themes/autumn.css" data-toggle="tooltip" title="Autumn"></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="themed-background-dark-flatie themed-border-flatie" data-theme="css/themes/flatie.css" data-toggle="tooltip" title="Flatie"></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="themed-background-dark-spring themed-border-spring" data-theme="css/themes/spring.css" data-toggle="tooltip" title="Spring"></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="themed-background-dark-fancy themed-border-fancy" data-theme="css/themes/fancy.css" data-toggle="tooltip" title="Fancy"></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="themed-background-dark-fire themed-border-fire" data-theme="css/themes/fire.css" data-toggle="tooltip" title="Fire"></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="themed-background-dark-coral themed-border-coral" data-theme="css/themes/coral.css" data-toggle="tooltip" title="Coral"></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="themed-background-dark-lake themed-border-lake" data-theme="css/themes/lake.css" data-toggle="tooltip" title="Lake"></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="themed-background-dark-forest themed-border-forest" data-theme="css/themes/forest.css" data-toggle="tooltip" title="Forest"></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="themed-background-dark-waterlily themed-border-waterlily" data-theme="css/themes/waterlily.css" data-toggle="tooltip" title="Waterlily"></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="themed-background-dark-emerald themed-border-emerald" data-theme="css/themes/emerald.css" data-toggle="tooltip" title="Emerald"></a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" class="themed-background-dark-blackberry themed-border-blackberry" data-theme="css/themes/blackberry.css" data-toggle="tooltip" title="Blackberry"></a>
                                </li>
                            </ul>
                            <!-- END Theme Colors -->

                            <!-- Sidebar Navigation -->
                            <ul class="sidebar-nav">
                                <li>
                                    <a href="index.html"><i class="gi gi-stopwatch sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">Dashboard</span></a>
                                </li>
                                <li>
                                    <a href="index2.html"><i class="gi gi-leaf sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">Dashboard 2</span></a>
                                </li>
                                <li>
                                    <a href="#" class="sidebar-nav-menu"><i class="fa fa-angle-left sidebar-nav-indicator sidebar-nav-mini-hide"></i><i class="gi gi-shopping_cart sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">eCommerce</span></a>
                                    <ul>
                                        <li>
                                            <a href="page_ecom_dashboard.html">Dashboard</a>
                                        </li>
                                        <li>
                                            <a href="page_ecom_orders.html">Orders</a>
                                        </li>
                                        <li>
                                            <a href="page_ecom_order_view.html">Order View</a>
                                        </li>
                                        <li>
                                            <a href="page_ecom_products.html">Products</a>
                                        </li>
                                        <li>
                                            <a href="page_ecom_product_edit.html">Product Edit</a>
                                        </li>
                                        <li>
                                            <a href="page_ecom_customer_view.html">Customer View</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="sidebar-header">
                                    <span class="sidebar-header-options clearfix"><a href="javascript:void(0)" data-toggle="tooltip" title="Quick Settings"><i class="gi gi-settings"></i></a><a href="javascript:void(0)" data-toggle="tooltip" title="Create the most amazing pages with the widget kit!"><i class="gi gi-lightbulb"></i></a></span>
                                    <span class="sidebar-header-title">Widget Kit</span>
                                </li>
                                <li>
                                    <a href="page_widgets_stats.html"><i class="gi gi-charts sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">Statistics</span></a>
                                </li>
                                <li>
                                    <a href="page_widgets_social.html"><i class="gi gi-share_alt sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">Social</span></a>
                                </li>
                                <li>
                                    <a href="page_widgets_media.html"><i class="gi gi-film sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">Media</span></a>
                                </li>
                                <li>
                                    <a href="page_widgets_links.html"><i class="gi gi-link sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">Links</span></a>
                                </li>
                                <li class="sidebar-header">
                                    <span class="sidebar-header-options clearfix"><a href="javascript:void(0)" data-toggle="tooltip" title="Quick Settings"><i class="gi gi-settings"></i></a></span>
                                    <span class="sidebar-header-title">Design Kit</span>
                                </li>
                                <li>
                                    <a href="#" class="sidebar-nav-menu"><i class="fa fa-angle-left sidebar-nav-indicator sidebar-nav-mini-hide"></i><i class="gi gi-certificate sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">User Interface</span></a>
                                    <ul>
                                        <li>
                                            <a href="page_ui_grid_blocks.html">Grid &amp; Blocks</a>
                                        </li>
                                        <li>
                                            <a href="page_ui_draggable_blocks.html">Draggable Blocks</a>
                                        </li>
                                        <li>
                                            <a href="page_ui_typography.html">Typography</a>
                                        </li>
                                        <li>
                                            <a href="page_ui_buttons_dropdowns.html">Buttons &amp; Dropdowns</a>
                                        </li>
                                        <li>
                                            <a href="page_ui_navigation_more.html">Navigation &amp; More</a>
                                        </li>
                                        <li>
                                            <a href="page_ui_horizontal_menu.html">Horizontal Menu</a>
                                        </li>
                                        <li>
                                            <a href="page_ui_progress_loading.html">Progress &amp; Loading</a>
                                        </li>
                                        <li>
                                            <a href="page_ui_preloader.html">Page Preloader</a>
                                        </li>
                                        <li>
                                            <a href="page_ui_color_themes.html">Color Themes</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="#" class="sidebar-nav-menu"><i class="fa fa-angle-left sidebar-nav-indicator sidebar-nav-mini-hide"></i><i class="gi gi-notes_2 sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">Forms</span></a>
                                    <ul>
                                        <li>
                                            <a href="page_forms_general.html">General</a>
                                        </li>
                                        <li>
                                            <a href="page_forms_components.html">Components</a>
                                        </li>
                                        <li>
                                            <a href="page_forms_validation.html">Validation</a>
                                        </li>
                                        <li>
                                            <a href="page_forms_wizard.html">Wizard</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="#" class="sidebar-nav-menu"><i class="fa fa-angle-left sidebar-nav-indicator sidebar-nav-mini-hide"></i><i class="gi gi-table sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">Tables</span></a>
                                    <ul>
                                        <li>
                                            <a href="page_tables_general.html">General</a>
                                        </li>
                                        <li>
                                            <a href="page_tables_responsive.html">Responsive</a>
                                        </li>
                                        <li>
                                            <a href="page_tables_datatables.html">Datatables</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="active">
                                    <a href="#" class="sidebar-nav-menu"><i class="fa fa-angle-left sidebar-nav-indicator sidebar-nav-mini-hide"></i><i class="gi gi-cup sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">Icon Sets</span></a>
                                    <ul>
                                        <li>
                                            <a href="page_icons_fontawesome.html" class=" active">Font Awesome</a>
                                        </li>
                                        <li>
                                            <a href="page_icons_glyphicons_pro.html">Glyphicons Pro</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="#" class="sidebar-nav-menu"><i class="fa fa-angle-left sidebar-nav-indicator sidebar-nav-mini-hide"></i><i class="gi gi-show_big_thumbnails sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">Page Layouts</span></a>
                                    <ul>
                                        <li>
                                            <a href="page_layout_static.html">Static</a>
                                        </li>
                                        <li>
                                            <a href="page_layout_static_fixed_footer.html">Static + Fixed Footer</a>
                                        </li>
                                        <li>
                                            <a href="page_layout_fixed_top.html">Fixed Top Header</a>
                                        </li>
                                        <li>
                                            <a href="page_layout_fixed_top_footer.html">Fixed Top Header + Footer</a>
                                        </li>
                                        <li>
                                            <a href="page_layout_fixed_bottom.html">Fixed Bottom Header</a>
                                        </li>
                                        <li>
                                            <a href="page_layout_fixed_bottom_footer.html">Fixed Bottom Header + Footer</a>
                                        </li>
                                        <li>
                                            <a href="page_layout_static_main_sidebar_mini.html">Mini Main Sidebar</a>
                                        </li>
                                        <li>
                                            <a href="page_layout_static_main_sidebar_partial.html">Partial Main Sidebar</a>
                                        </li>
                                        <li>
                                            <a href="page_layout_static_main_sidebar_visible.html">Visible Main Sidebar</a>
                                        </li>
                                        <li>
                                            <a href="page_layout_static_alternative_sidebar_partial.html">Partial Alternative Sidebar</a>
                                        </li>
                                        <li>
                                            <a href="page_layout_static_alternative_sidebar_visible.html">Visible Alternative Sidebar</a>
                                        </li>
                                        <li>
                                            <a href="page_layout_static_no_sidebars.html">No Sidebars</a>
                                        </li>
                                        <li>
                                            <a href="page_layout_static_both_partial.html">Both Sidebars Partial</a>
                                        </li>
                                        <li>
                                            <a href="page_layout_static_animated.html">Animated Sidebar Transitions</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="sidebar-header">
                                    <span class="sidebar-header-options clearfix"><a href="javascript:void(0)" data-toggle="tooltip" title="Quick Settings"><i class="gi gi-settings"></i></a></span>
                                    <span class="sidebar-header-title">Develop Kit</span>
                                </li>
                                <li>
                                    <a href="#" class="sidebar-nav-menu"><i class="fa fa-angle-left sidebar-nav-indicator sidebar-nav-mini-hide"></i><i class="gi gi-brush sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">Ready Pages</span></a>
                                    <ul>
                                        <li>
                                            <a href="#" class="sidebar-nav-submenu"><i class="fa fa-angle-left sidebar-nav-indicator"></i>Errors</a>
                                            <ul>
                                                <li>
                                                    <a href="page_ready_400.html">400</a>
                                                </li>
                                                <li>
                                                    <a href="page_ready_401.html">401</a>
                                                </li>
                                                <li>
                                                    <a href="page_ready_403.html">403</a>
                                                </li>
                                                <li>
                                                    <a href="page_ready_404.html">404</a>
                                                </li>
                                                <li>
                                                    <a href="page_ready_500.html">500</a>
                                                </li>
                                                <li>
                                                    <a href="page_ready_503.html">503</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#" class="sidebar-nav-submenu"><i class="fa fa-angle-left sidebar-nav-indicator"></i>Get Started</a>
                                            <ul>
                                                <li>
                                                    <a href="page_ready_blank.html">Blank</a>
                                                </li>
                                                <li>
                                                    <a href="page_ready_blank_alt.html">Blank Alternative</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="page_ready_search_results.html">Search Results (4)</a>
                                        </li>
                                        <li>
                                            <a href="page_ready_article.html">Article</a>
                                        </li>
                                        <li>
                                            <a href="page_ready_user_profile.html">User Profile</a>
                                        </li>
                                        <li>
                                            <a href="page_ready_contacts.html">Contacts</a>
                                        </li>
                                        <li>
                                            <a href="#" class="sidebar-nav-submenu"><i class="fa fa-angle-left sidebar-nav-indicator"></i>e-Learning</a>
                                            <ul>
                                                <li>
                                                    <a href="page_ready_elearning_courses.html">Courses</a>
                                                </li>
                                                <li>
                                                    <a href="page_ready_elearning_course_lessons.html">Course - Lessons</a>
                                                </li>
                                                <li>
                                                    <a href="page_ready_elearning_course_lesson.html">Course - Lesson Page</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#" class="sidebar-nav-submenu"><i class="fa fa-angle-left sidebar-nav-indicator"></i>Message Center</a>
                                            <ul>
                                                <li>
                                                    <a href="page_ready_inbox.html">Inbox</a>
                                                </li>
                                                <li>
                                                    <a href="page_ready_inbox_compose.html">Compose Message</a>
                                                </li>
                                                <li>
                                                    <a href="page_ready_inbox_message.html">View Message</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="page_ready_chat.html">Chat</a>
                                        </li>
                                        <li>
                                            <a href="page_ready_timeline.html">Timeline</a>
                                        </li>
                                        <li>
                                            <a href="page_ready_files.html">Files</a>
                                        </li>
                                        <li>
                                            <a href="page_ready_tickets.html">Tickets</a>
                                        </li>
                                        <li>
                                            <a href="page_ready_bug_tracker.html">Bug Tracker</a>
                                        </li>
                                        <li>
                                            <a href="page_ready_tasks.html">Tasks</a>
                                        </li>
                                        <li>
                                            <a href="page_ready_faq.html">FAQ</a>
                                        </li>
                                        <li>
                                            <a href="page_ready_pricing_tables.html">Pricing Tables</a>
                                        </li>
                                        <li>
                                            <a href="page_ready_invoice.html">Invoice</a>
                                        </li>
                                        <li>
                                            <a href="page_ready_forum.html">Forum (3)</a>
                                        </li>
                                        <li>
                                            <a href="page_ready_coming_soon.html">Coming Soon</a>
                                        </li>
                                        <li>
                                            <a href="#" class="sidebar-nav-submenu"><i class="fa fa-angle-left sidebar-nav-indicator"></i>Login, Register &amp; Lock</a>
                                            <ul>
                                                <li>
                                                    <a href="login.html">Login</a>
                                                </li>
                                                <li>
                                                    <a href="login_full.html">Login (Full Background)</a>
                                                </li>
                                                <li>
                                                    <a href="login_alt.html">Login 2</a>
                                                </li>
                                                <li>
                                                    <a href="login.html#reminder">Password Reminder</a>
                                                </li>
                                                <li>
                                                    <a href="login_alt.html#reminder">Password Reminder 2</a>
                                                </li>
                                                <li>
                                                    <a href="login.html#register">Register</a>
                                                </li>
                                                <li>
                                                    <a href="login_alt.html#register">Register 2</a>
                                                </li>
                                                <li>
                                                    <a href="page_ready_lock_screen.html">Lock Screen</a>
                                                </li>
                                                <li>
                                                    <a href="page_ready_lock_screen_alt.html">Lock Screen 2</a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="#" class="sidebar-nav-menu"><i class="fa fa-angle-left sidebar-nav-indicator sidebar-nav-mini-hide"></i><i class="fa fa-wrench sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">Components</span></a>
                                    <ul>
                                        <li>
                                            <a href="#" class="sidebar-nav-submenu"><i class="fa fa-angle-left sidebar-nav-indicator"></i>3 Level Menu</a>
                                            <ul>
                                                <li>
                                                    <a href="#">Link 1</a>
                                                </li>
                                                <li>
                                                    <a href="#">Link 2</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="page_comp_maps.html">Maps</a>
                                        </li>
                                        <li>
                                            <a href="page_comp_charts.html">Charts</a>
                                        </li>
                                        <li>
                                            <a href="page_comp_gallery.html">Gallery</a>
                                        </li>
                                        <li>
                                            <a href="page_comp_carousel.html">Carousel</a>
                                        </li>
                                        <li>
                                            <a href="page_comp_calendar.html">Calendar</a>
                                        </li>
                                        <li>
                                            <a href="page_comp_animations.html">CSS3 Animations</a>
                                        </li>
                                        <li>
                                            <a href="page_comp_syntax_highlighting.html">Syntax Highlighting</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                            <!-- END Sidebar Navigation -->

                            <!-- Sidebar Notifications -->
                            <div class="sidebar-header sidebar-nav-mini-hide">
                                <span class="sidebar-header-options clearfix">
                                    <a href="javascript:void(0)" data-toggle="tooltip" title="Refresh"><i class="gi gi-refresh"></i></a>
                                </span>
                                <span class="sidebar-header-title">Activity</span>
                            </div>
                            <div class="sidebar-section sidebar-nav-mini-hide">
                                <div class="alert alert-success alert-alt">
                                    <small>5 min ago</small><br>
                                    <i class="fa fa-thumbs-up fa-fw"></i> You had a new sale ($10)
                                </div>
                                <div class="alert alert-info alert-alt">
                                    <small>10 min ago</small><br>
                                    <i class="fa fa-arrow-up fa-fw"></i> Upgraded to Pro plan
                                </div>
                                <div class="alert alert-warning alert-alt">
                                    <small>3 hours ago</small><br>
                                    <i class="fa fa-exclamation fa-fw"></i> Running low on space<br><strong>18GB in use</strong> 2GB left
                                </div>
                                <div class="alert alert-danger alert-alt">
                                    <small>Yesterday</small><br>
                                    <i class="fa fa-bug fa-fw"></i> <a href="javascript:void(0)"><strong>New bug submitted</strong></a>
                                </div>
                            </div>
                            <!-- END Sidebar Notifications -->
                        </div>
                        <!-- END Sidebar Content -->
                    </div>
                    <!-- END Wrapper for scrolling functionality -->
                </div>
                <!-- END Main Sidebar -->

                <!-- Main Container -->
                <div id="main-container">
                    <!-- Header -->
                    <!-- In the PHP version you can set the following options from inc/config file -->
                    <!--
                        Available header.navbar classes:

                        'navbar-default'            for the default light header
                        'navbar-inverse'            for an alternative dark header

                        'navbar-fixed-top'          for a top fixed header (fixed sidebars with scroll will be auto initialized, functionality can be found in js/app.js - handleSidebar())
                            'header-fixed-top'      has to be added on #page-container only if the class 'navbar-fixed-top' was added

                        'navbar-fixed-bottom'       for a bottom fixed header (fixed sidebars with scroll will be auto initialized, functionality can be found in js/app.js - handleSidebar()))
                            'header-fixed-bottom'   has to be added on #page-container only if the class 'navbar-fixed-bottom' was added
                    -->
                    <header class="navbar navbar-default">
                        <!-- Left Header Navigation -->
                        <ul class="nav navbar-nav-custom">
                            <!-- Main Sidebar Toggle Button -->
                            <li>
                                <a href="javascript:void(0)" onclick="App.sidebar('toggle-sidebar');this.blur();">
                                    <i class="fa fa-bars fa-fw"></i>
                                </a>
                            </li>
                            <!-- END Main Sidebar Toggle Button -->

                            <!-- Template Options -->
                            <!-- Change Options functionality can be found in js/app.js - templateOptions() -->
                            <li class="dropdown">
                                <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
                                    <i class="gi gi-settings"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-custom dropdown-options">
                                    <li class="dropdown-header text-center">Header Style</li>
                                    <li>
                                        <div class="btn-group btn-group-justified btn-group-sm">
                                            <a href="javascript:void(0)" class="btn btn-primary" id="options-header-default">Light</a>
                                            <a href="javascript:void(0)" class="btn btn-primary" id="options-header-inverse">Dark</a>
                                        </div>
                                    </li>
                                    <li class="dropdown-header text-center">Page Style</li>
                                    <li>
                                        <div class="btn-group btn-group-justified btn-group-sm">
                                            <a href="javascript:void(0)" class="btn btn-primary" id="options-main-style">Default</a>
                                            <a href="javascript:void(0)" class="btn btn-primary" id="options-main-style-alt">Alternative</a>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                            <!-- END Template Options -->
                        </ul>
                        <!-- END Left Header Navigation -->

                        <!-- Search Form -->
                        <form action="page_ready_search_results.html" method="post" class="navbar-form-custom">
                            <div class="form-group">
                                <input type="text" id="top-search" name="top-search" class="form-control" placeholder="Search..">
                            </div>
                        </form>
                        <!-- END Search Form -->

                        <!-- Right Header Navigation -->
                        <ul class="nav navbar-nav-custom pull-right">
                            <!-- Alternative Sidebar Toggle Button -->
                            <li>
                                <!-- If you do not want the main sidebar to open when the alternative sidebar is closed, just remove the second parameter: App.sidebar('toggle-sidebar-alt'); -->
                                <a href="javascript:void(0)" onclick="App.sidebar('toggle-sidebar-alt', 'toggle-other');this.blur();">
                                    <i class="gi gi-share_alt"></i>
                                    <span class="label label-primary label-indicator animation-floating">4</span>
                                </a>
                            </li>
                            <!-- END Alternative Sidebar Toggle Button -->

                            <!-- User Dropdown -->
                            <li class="dropdown">
                                <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
                                    <img src="img/placeholders/avatars/avatar2.jpg" alt="avatar"> <i class="fa fa-angle-down"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-custom dropdown-menu-right">
                                    <li class="dropdown-header text-center">Account</li>
                                    <li>
                                        <a href="page_ready_timeline.html">
                                            <i class="fa fa-clock-o fa-fw pull-right"></i>
                                            <span class="badge pull-right">10</span>
                                            Updates
                                        </a>
                                        <a href="page_ready_inbox.html">
                                            <i class="fa fa-envelope-o fa-fw pull-right"></i>
                                            <span class="badge pull-right">5</span>
                                            Messages
                                        </a>
                                        <a href="page_ready_pricing_tables.html"><i class="fa fa-magnet fa-fw pull-right"></i>
                                            <span class="badge pull-right">3</span>
                                            Subscriptions
                                        </a>
                                        <a href="page_ready_faq.html"><i class="fa fa-question fa-fw pull-right"></i>
                                            <span class="badge pull-right">11</span>
                                            FAQ
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="page_ready_user_profile.html">
                                            <i class="fa fa-user fa-fw pull-right"></i>
                                            Profile
                                        </a>
                                        <!-- Opens the user settings modal that can be found at the bottom of each page (page_footer.html in PHP version) -->
                                        <a href="#modal-user-settings" data-toggle="modal">
                                            <i class="fa fa-cog fa-fw pull-right"></i>
                                            Settings
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="page_ready_lock_screen.html"><i class="fa fa-lock fa-fw pull-right"></i> Lock Account</a>
                                        <a href="login.html"><i class="fa fa-ban fa-fw pull-right"></i> Logout</a>
                                    </li>
                                    <li class="dropdown-header text-center">Activity</li>
                                    <li>
                                        <div class="alert alert-success alert-alt">
                                            <small>5 min ago</small><br>
                                            <i class="fa fa-thumbs-up fa-fw"></i> You had a new sale ($10)
                                        </div>
                                        <div class="alert alert-info alert-alt">
                                            <small>10 min ago</small><br>
                                            <i class="fa fa-arrow-up fa-fw"></i> Upgraded to Pro plan
                                        </div>
                                        <div class="alert alert-warning alert-alt">
                                            <small>3 hours ago</small><br>
                                            <i class="fa fa-exclamation fa-fw"></i> Running low on space<br><strong>18GB in use</strong> 2GB left
                                        </div>
                                        <div class="alert alert-danger alert-alt">
                                            <small>Yesterday</small><br>
                                            <i class="fa fa-bug fa-fw"></i> <a href="javascript:void(0)" class="alert-link">New bug submitted</a>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                            <!-- END User Dropdown -->
                        </ul>
                        <!-- END Right Header Navigation -->
                    </header>
                    <!-- END Header -->

                    <!-- Page content -->
                    <div id="page-content">
                        <!-- Font Awesome Header -->
                        <div class="content-header">
                            <div class="header-section">
                                <h1>
                                    <i class="fa fa-flag"></i>Font Awesome 4.5.0<br><small>605 unique font based icons!</small>
                                </h1>
                            </div>
                        </div>
                        <ul class="breadcrumb breadcrumb-top">
                            <li>Icon Packs</li>
                            <li><a href="">Font Awesome</a></li>
                        </ul>
                        <!-- END Font Awesome Header -->

                        <!-- Font Awesome Info -->
                        <div class="block">
                            <p><a href="http://fortawesome.github.io/Font-Awesome/" target="_blank">Font Awesome</a> gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. It's a font-based solution and features <strong>369</strong> awesome icons ready to be used in your user interface!</p>
                        </div>
                        <!-- END Font Awesome Info -->

                        <!-- Usage Block -->
                        <div class="block">
                            <!-- Usage Title -->
                            <div class="block-title">
                                <h2><strong>Usage</strong></h2>
                            </div>
                            <!-- END Usage Title -->

                            <!-- Usage Content -->
                            <div class="row">
                                <div class="col-md-6">
                                    <p>Just use the class of the icon you want in a <code>&lt;i&gt;</code> element and you are ready to go! You can use it inside any element like a button and it will inherit it's font size and color.</p>
                                    <p>You can also use the classes <code>.fa-2x</code> <code>.fa-3x</code> <code>.fa-4x</code> <code>.fa-5x</code> for a bigger icon if you like so!</p>
                                    <p>If you would like the icons to have the same width you can add the class <code>.fa-fw</code></p>
                                </div>
                                <div class="col-md-6 text-center">
                                    <p><i class="fa fa-check"></i></p>
                                    <p><code>fa fa-check</code></p>
                                    <p><i class="fa fa-check fa-5x text-success"></i></p>
                                    <p><code>fa fa-check fa-5x text-success</code></p>
                                </div>
                            </div>
                            <!-- END Usage Content -->
                        </div>
                        <!-- END Usage Block -->

                        <!-- Icons Grid -->
                        <div class="row">
                            <div class="col-md-6">
                                <!-- Icon Search Block -->
                                <div class="block full">
                                    <!-- Icon Search Title -->
                                    <div class="block-title">
                                        <h2>Icon <strong>Search</strong></h2>
                                    </div>
                                    <!-- END Icon Search Title -->

                                    <!-- Icon Search Content -->
                                    <!-- Icon search functionality initialized in js/pages/icons.js -->
                                    <input type="text" placeholder="Try user or phone.." class="js-icon-search form-control input-lg">
                                    <!-- END Icon Search Content -->
                                </div>
                                <!-- END Icon Search Block -->
                            </div>
                            <div class="col-md-6">
                                <!-- Icon Generator Block -->
                                <div id="icon-gen" class="block full">
                                    <!-- Icon Generator Title -->
                                    <div class="block-title">
                                        <h2>Icon Code <strong>Generator</strong></h2>
                                    </div>
                                    <!-- END Icon Generator Title -->

                                    <!-- Icon Generator Content -->
                                    <!-- Icon generator functionality initialized in js/pages/icons.js -->
                                    <input type="text" id="icon-gen-input" name="icon-gen-input" placeholder="Click an icon to get its code.." class="form-control input-lg">
                                    <!-- END Icon Generator Content -->
                                </div>
                                <!-- END Icon Generator Block -->
                            </div>
                        </div>
                        <div class="row js-icon-list">
                            <div class="col-md-6">
                                <!-- Web Application Icons Block -->
                                <div class="block full">
                                    <!-- Web Application Icons Title -->
                                    <div class="block-title">
                                        <h2><strong>Web Application</strong> Icons</h2>
                                    </div>
                                    <!-- END Web Application Icons Title -->

                                    <!-- Web Application Icons Content -->
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-adjust"><i class="fa fa-adjust fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-anchor"><i class="fa fa-anchor fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-archive"><i class="fa fa-archive fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-area-chart"><i class="fa fa-area-chart fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-asterisk"><i class="fa fa-asterisk fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-at"><i class="fa fa-at fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-automobile"><i class="fa fa-automobile fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-balance-scale"><i class="fa fa-balance-scale fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-ban"><i class="fa fa-ban fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bank"><i class="fa fa-bank fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bar-chart-o"><i class="fa fa-bar-chart-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-barcode"><i class="fa fa-barcode fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bars"><i class="fa fa-bars fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-battery-0"><i class="fa fa-battery-0 fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-battery-1"><i class="fa fa-battery-1 fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-battery-2"><i class="fa fa-battery-2 fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-battery-3"><i class="fa fa-battery-3 fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-battery-4"><i class="fa fa-battery-4 fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-battery-empty"><i class="fa fa-battery-empty fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-battery-full"><i class="fa fa-battery-full fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-battery-half"><i class="fa fa-battery-half fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-battery-quarter"><i class="fa fa-battery-quarter fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-battery-three-quarters"><i class="fa fa-battery-three-quarters fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-flask"><i class="fa fa-flask fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-beer"><i class="fa fa-beer fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bell"><i class="fa fa-bell fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bell-o"><i class="fa fa-bell-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bell-slash"><i class="fa fa-bell-slash fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bell-slash-o"><i class="fa fa-bell-slash-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bicycle"><i class="fa fa-bicycle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-binoculars"><i class="fa fa-binoculars fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-birthday-cake"><i class="fa fa-birthday-cake fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bluetooth"><i class="fa fa-bluetooth fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bluetooth-b"><i class="fa fa-bluetooth-b fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bolt"><i class="fa fa-bolt fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bolt"><i class="fa fa-bolt fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bomb"><i class="fa fa-bomb fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-book"><i class="fa fa-book fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bookmark"><i class="fa fa-bookmark fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bookmark-o"><i class="fa fa-bookmark-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-briefcase"><i class="fa fa-briefcase fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bug"><i class="fa fa-bug fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-building"><i class="fa fa-building fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-building-o"><i class="fa fa-building-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bullhorn"><i class="fa fa-bullhorn fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bullseye"><i class="fa fa-bullseye fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bus"><i class="fa fa-bus fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cab"><i class="fa fa-cab fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-calculator"><i class="fa fa-calculator fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-calendar"><i class="fa fa-calendar fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-calendar-check-o"><i class="fa fa-calendar-check-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-calendar-minus-o"><i class="fa fa-calendar-minus-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-calendar-o"><i class="fa fa-calendar-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-calendar-plus-o"><i class="fa fa-calendar-plus-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-calendar-times-o"><i class="fa fa-calendar-times-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-camera"><i class="fa fa-camera fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-camera-retro"><i class="fa fa-camera-retro fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-car"><i class="fa fa-car fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cc"><i class="fa fa-cc fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-certificate"><i class="fa fa-certificate fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-check-square-o"><i class="fa fa-check-square-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-square-o"><i class="fa fa-square-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-minus-square-o"><i class="fa fa-minus-square-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-check-square"><i class="fa fa-check-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-child"><i class="fa fa-child fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-circle"><i class="fa fa-circle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-circle-o"><i class="fa fa-circle-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-circle-o-notch"><i class="fa fa-circle-o-notch fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-circle-thin"><i class="fa fa-circle-thin fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cloud"><i class="fa fa-cloud fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cloud-download"><i class="fa fa-cloud-download fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cloud-upload"><i class="fa fa-cloud-upload fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-code"><i class="fa fa-code fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-code-fork"><i class="fa fa-code-fork fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-coffee"><i class="fa fa-coffee fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cog"><i class="fa fa-cog fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cogs"><i class="fa fa-cogs fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-caret-square-o-down"><i class="fa fa-caret-square-o-down fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-plus-square-o"><i class="fa fa-plus-square-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-caret-square-o-up"><i class="fa fa-caret-square-o-up fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cart-arrow-down"><i class="fa fa-cart-arrow-down fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cart-plus"><i class="fa fa-cart-plus fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-comment"><i class="fa fa-comment fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-comment-o"><i class="fa fa-comment-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-commenting"><i class="fa fa-commenting fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-commenting-o"><i class="fa fa-commenting-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-comments"><i class="fa fa-comments fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-comments-o"><i class="fa fa-comments-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-compass"><i class="fa fa-compass fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-copyright"><i class="fa fa-copyright fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-creative-commons"><i class="fa fa-creative-commons fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-credit-card"><i class="fa fa-credit-card fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-credit-card-alt"><i class="fa fa-credit-card-alt fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-crop"><i class="fa fa-crop fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-tachometer"><i class="fa fa-tachometer fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-desktop"><i class="fa fa-desktop fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-diamond"><i class="fa fa-diamond fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-dot-circle-o"><i class="fa fa-dot-circle-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-expeditedssl"><i class="fa fa-expeditedssl fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-firefox"><i class="fa fa-firefox fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-fonticons"><i class="fa fa-fonticons fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-fort-awesome"><i class="fa fa-fort-awesome fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-arrow-circle-o-down"><i class="fa fa-arrow-circle-o-down fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-arrow-circle-o-right"><i class="fa fa-arrow-circle-o-right fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-arrow-circle-o-left"><i class="fa fa-arrow-circle-o-left fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-download"><i class="fa fa-download fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-pencil-square"><i class="fa fa-pencil-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-pencil-square-o"><i class="fa fa-pencil-square-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-percent"><i class="fa fa-percent fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-ellipsis-h"><i class="fa fa-ellipsis-h fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-ellipsis-v"><i class="fa fa-ellipsis-v fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-envelope"><i class="fa fa-envelope fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-envelope-o"><i class="fa fa-envelope-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-envelope-square"><i class="fa fa-envelope-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-eraser"><i class="fa fa-eraser fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-exchange"><i class="fa fa-exchange fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-exclamation"><i class="fa fa-exclamation fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-exclamation-circle"><i class="fa fa-exclamation-circle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-caret-square-o-right"><i class="fa fa-caret-square-o-right fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-plus-square-o"><i class="fa fa-plus-square-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-external-link"><i class="fa fa-external-link fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-external-link-square"><i class="fa fa-external-link-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-eye"><i class="fa fa-eye fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-eye-slash"><i class="fa fa-eye-slash fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-eyedropper"><i class="fa fa-eyedropper fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-fax"><i class="fa fa-fax fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-video-camera"><i class="fa fa-video-camera fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-female"><i class="fa fa-female fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-fighter-jet"><i class="fa fa-fighter-jet fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-file-archive-o"><i class="fa fa-file-archive-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-file-audio-o"><i class="fa fa-file-audio-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-file-code-o"><i class="fa fa-file-code-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-file-excel-o"><i class="fa fa-file-excel-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-file-image-o"><i class="fa fa-file-image-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-file-movie-o"><i class="fa fa-file-movie-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-file-pdf-o"><i class="fa fa-file-pdf-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-file-photo-o"><i class="fa fa-file-photo-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-file-picture-o"><i class="fa fa-file-picture-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-file-powerpoint-o"><i class="fa fa-file-powerpoint-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-file-sound-o"><i class="fa fa-file-sound-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-file-video-o"><i class="fa fa-file-video-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-file-word-o"><i class="fa fa-file-word-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-file-zip-o"><i class="fa fa-file-zip-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-film"><i class="fa fa-film fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-filter"><i class="fa fa-filter fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-fire"><i class="fa fa-fire fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-fire-extinguisher"><i class="fa fa-fire-extinguisher fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-flag"><i class="fa fa-flag fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-flag-o"><i class="fa fa-flag-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-flag-checkered"><i class="fa fa-flag-checkered fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-folder"><i class="fa fa-folder fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-folder-o"><i class="fa fa-folder-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-folder-open"><i class="fa fa-folder-open fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-folder-open-o"><i class="fa fa-folder-open-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cutlery"><i class="fa fa-cutlery fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-dashboard"><i class="fa fa-dashboard fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-database"><i class="fa fa-database fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-frown-o"><i class="fa fa-frown-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-futbol-o"><i class="fa fa-futbol-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-gamepad"><i class="fa fa-gamepad fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-gear"><i class="fa fa-gear fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-gears"><i class="fa fa-gears fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-gift"><i class="fa fa-gift fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-glass"><i class="fa fa-glass fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-globe"><i class="fa fa-globe fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-graduation-cap"><i class="fa fa-graduation-cap fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hand-grab-o"><i class="fa fa-hand-grab-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hand-lizard-o"><i class="fa fa-hand-lizard-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hand-paper-o"><i class="fa fa-hand-paper-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hand-peace-o"><i class="fa fa-hand-peace-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hand-pointer-o"><i class="fa fa-hand-pointer-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hand-rock-o"><i class="fa fa-hand-rock-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hand-scissors-o"><i class="fa fa-hand-scissors-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hand-spock-o"><i class="fa fa-hand-spock-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hand-stop-o"><i class="fa fa-hand-stop-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hashtag"><i class="fa fa-hashtag fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-users"><i class="fa fa-users fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hdd-o"><i class="fa fa-hdd-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-headphones"><i class="fa fa-headphones fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-heart"><i class="fa fa-heart fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-heart-o"><i class="fa fa-heart-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-heartbeat"><i class="fa fa-heartbeat fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-history"><i class="fa fa-history fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-home"><i class="fa fa-home fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hotel"><i class="fa fa-hotel fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hourglass"><i class="fa fa-hourglass fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hourglass-1"><i class="fa fa-hourglass-1 fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hourglass-2"><i class="fa fa-hourglass-2 fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hourglass-3"><i class="fa fa-hourglass-3 fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hourglass-end"><i class="fa fa-hourglass-end fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hourglass-half"><i class="fa fa-hourglass-half fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hourglass-o"><i class="fa fa-hourglass-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hourglass-start"><i class="fa fa-hourglass-start fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-i-cursor"><i class="fa fa-i-cursor fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-industry"><i class="fa fa-industry fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-inbox"><i class="fa fa-inbox fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-info"><i class="fa fa-info fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-info-circle"><i class="fa fa-info-circle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-institution"><i class="fa fa-institution fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-key"><i class="fa fa-key fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-keyboard-o"><i class="fa fa-keyboard-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-language"><i class="fa fa-language fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-laptop"><i class="fa fa-laptop fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-leaf"><i class="fa fa-leaf fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-gavel"><i class="fa fa-gavel fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-lemon-o"><i class="fa fa-lemon-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-level-down"><i class="fa fa-level-down fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-level-up"><i class="fa fa-level-up fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-life-bouy"><i class="fa fa-life-bouy fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-life-ring"><i class="fa fa-life-ring fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-life-saver"><i class="fa fa-life-saver fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-lightbulb-o"><i class="fa fa-lightbulb-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-line-chart"><i class="fa fa-line-chart fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-location-arrow"><i class="fa fa-location-arrow fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-lock"><i class="fa fa-lock fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-magic"><i class="fa fa-magic fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-magnet"><i class="fa fa-magnet fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-share"><i class="fa fa-share fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-share-alt"><i class="fa fa-share-alt fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-share-alt-square"><i class="fa fa-share-alt-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-shirtsinbulk"><i class="fa fa-shirtsinbulk fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-simplybuilt"><i class="fa fa-simplybuilt fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-skyatlas"><i class="fa fa-skyatlas fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-reply"><i class="fa fa-reply fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-mail-reply-all"><i class="fa fa-mail-reply-all fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-map-marker"><i class="fa fa-map-marker fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-map"><i class="fa fa-map fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-map-o"><i class="fa fa-map-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-map-pin"><i class="fa fa-map-pin fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-map-signs"><i class="fa fa-map-signs fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-meh-o"><i class="fa fa-meh-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-microphone"><i class="fa fa-microphone fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-microphone-slash"><i class="fa fa-microphone-slash fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-minus"><i class="fa fa-minus fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-minus-circle"><i class="fa fa-minus-circle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-minus-square"><i class="fa fa-minus-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-mobile"><i class="fa fa-mobile fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-money"><i class="fa fa-money fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-moon-o"><i class="fa fa-moon-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-mortar-board"><i class="fa fa-mortar-board fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-motorcycle"><i class="fa fa-motorcycle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-mouse-pointer"><i class="fa fa-mouse-pointer fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-arrows"><i class="fa fa-arrows fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-music"><i class="fa fa-music fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-navicon"><i class="fa fa-navicon fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-newspaper-o"><i class="fa fa-newspaper-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-object-group"><i class="fa fa-object-group fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-object-ungroup"><i class="fa fa-object-ungroup fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-paint-brush"><i class="fa fa-paint-brush fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-paper-plane"><i class="fa fa-paper-plane fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-paper-plane-o"><i class="fa fa-paper-plane-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-plug"><i class="fa fa-plug fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-paw"><i class="fa fa-paw fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-power-off"><i class="fa fa-power-off fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-check"><i class="fa fa-check fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-check-circle-o"><i class="fa fa-check-circle-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-check-circle"><i class="fa fa-check-circle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-pencil"><i class="fa fa-pencil fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-phone"><i class="fa fa-phone fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-phone-square"><i class="fa fa-phone-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-picture-o"><i class="fa fa-picture-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-pie-chart"><i class="fa fa-pie-chart fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-plane"><i class="fa fa-plane fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-plus"><i class="fa fa-plus fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-plus-circle"><i class="fa fa-plus-circle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-plus-square"><i class="fa fa-plus-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-power-off"><i class="fa fa-power-off fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-print"><i class="fa fa-print fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-thumb-tack"><i class="fa fa-thumb-tack fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-puzzle-piece"><i class="fa fa-puzzle-piece fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-qrcode"><i class="fa fa-qrcode fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-question"><i class="fa fa-question fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-question-circle"><i class="fa fa-question-circle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-quote-left"><i class="fa fa-quote-left fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-quote-right"><i class="fa fa-quote-right fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-random"><i class="fa fa-random fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-recycle"><i class="fa fa-recycle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-refresh"><i class="fa fa-refresh fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-registered"><i class="fa fa-registered fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-times"><i class="fa fa-times fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-times-circle-o"><i class="fa fa-times-circle-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-times-circle"><i class="fa fa-times-circle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bars"><i class="fa fa-bars fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bed"><i class="fa fa-bed fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-reply"><i class="fa fa-reply fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-reply-all"><i class="fa fa-reply-all fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-arrows-h"><i class="fa fa-arrows-h fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-arrows-v"><i class="fa fa-arrows-v fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-retweet"><i class="fa fa-retweet fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-road"><i class="fa fa-road fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-rocket"><i class="fa fa-rocket fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-rss"><i class="fa fa-rss fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-rss-square"><i class="fa fa-rss-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-crosshairs"><i class="fa fa-crosshairs fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cube"><i class="fa fa-cube fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cubes"><i class="fa fa-cubes fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-search"><i class="fa fa-search fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-search-minus"><i class="fa fa-search-minus fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-search-plus"><i class="fa fa-search-plus fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-send"><i class="fa fa-send fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-send-o"><i class="fa fa-send-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-server"><i class="fa fa-server fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-share-square-o"><i class="fa fa-share-square-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-share"><i class="fa fa-share fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-share-square"><i class="fa fa-share-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-shield"><i class="fa fa-shield fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-ship"><i class="fa fa-ship fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-shopping-bag"><i class="fa fa-shopping-bag fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-shopping-basket"><i class="fa fa-shopping-basket fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-shopping-cart"><i class="fa fa-shopping-cart fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-square"><i class="fa fa-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-signal"><i class="fa fa-signal fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-sign-in"><i class="fa fa-sign-in fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-sign-out"><i class="fa fa-sign-out fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-sitemap"><i class="fa fa-sitemap fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-sliders"><i class="fa fa-sliders fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-smile-o"><i class="fa fa-smile-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-soccer-ball-o"><i class="fa fa-soccer-ball-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-sort"><i class="fa fa-sort fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-sort-alpha-asc"><i class="fa fa-sort-alpha-asc fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-sort-alpha-desc"><i class="fa fa-sort-alpha-desc fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-sort-amount-asc"><i class="fa fa-sort-amount-asc fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-sort-amount-desc"><i class="fa fa-sort-amount-desc fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-sort-numeric-asc"><i class="fa fa-sort-numeric-asc fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-sort-numeric-desc"><i class="fa fa-sort-numeric-desc fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-sort-asc"><i class="fa fa-sort-asc fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-sort-desc"><i class="fa fa-sort-desc fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-spinner"><i class="fa fa-spinner fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-star"><i class="fa fa-star fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-star-o"><i class="fa fa-star-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-sticky-note"><i class="fa fa-sticky-note fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-sticky-note-o"><i class="fa fa-sticky-note-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-street-view"><i class="fa fa-street-view fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-star-half"><i class="fa fa-star-half fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-star-half-o"><i class="fa fa-star-half-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-star-half-full"><i class="fa fa-star-half-full fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-subscript"><i class="fa fa-subscript fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-suitcase"><i class="fa fa-suitcase fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-sun-o"><i class="fa fa-sun-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-support"><i class="fa fa-support fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-superscript"><i class="fa fa-superscript fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-tablet"><i class="fa fa-tablet fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-tag"><i class="fa fa-tag fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-tags"><i class="fa fa-tags fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-tasks"><i class="fa fa-tasks fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-taxi"><i class="fa fa-taxi fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-television"><i class="fa fa-television fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-terminal"><i class="fa fa-terminal fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-tv"><i class="fa fa-tv fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-thumbs-down"><i class="fa fa-thumbs-down fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-thumbs-o-down"><i class="fa fa-thumbs-o-down fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-thumbs-up"><i class="fa fa-thumbs-up fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-thumbs-o-up"><i class="fa fa-thumbs-o-up fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-ticket"><i class="fa fa-ticket fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-toggle-off"><i class="fa fa-toggle-off fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-toggle-on"><i class="fa fa-toggle-on fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-toggle-right"><i class="fa fa-toggle-right fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-toggle-up"><i class="fa fa-toggle-up fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-toggle-down"><i class="fa fa-toggle-down fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-toggle-left"><i class="fa fa-toggle-left fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-trademark"><i class="fa fa-trademark fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-clock-o"><i class="fa fa-clock-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-clone"><i class="fa fa-clone fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-tint"><i class="fa fa-tint fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-trash"><i class="fa fa-trash fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-trash-o"><i class="fa fa-trash-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-tree"><i class="fa fa-tree fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-trophy"><i class="fa fa-trophy fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-truck"><i class="fa fa-truck fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-tty"><i class="fa fa-tty fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-umbrella"><i class="fa fa-umbrella fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-university"><i class="fa fa-university fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-unlock"><i class="fa fa-unlock fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-unlock-alt"><i class="fa fa-unlock-alt fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-arrow-circle-o-up"><i class="fa fa-arrow-circle-o-up fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-upload"><i class="fa fa-upload fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-user"><i class="fa fa-user fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-user-plus"><i class="fa fa-user-plus fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-user-secret"><i class="fa fa-user-secret fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-user-times"><i class="fa fa-user-times fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-volume-down"><i class="fa fa-volume-down fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-volume-off"><i class="fa fa-volume-off fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-volume-up"><i class="fa fa-volume-up fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-exclamation-triangle"><i class="fa fa-exclamation-triangle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-wifi"><i class="fa fa-wifi fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-wrench"><i class="fa fa-wrench fa-fw"></i></a>
                                    <!-- END Web Application Icons Content -->
                                </div>
                                <!-- END Web Application Icons Block -->

                                <!-- Payment Icons Block -->
                                <div class="block full">
                                    <!-- Payment Icons Title -->
                                    <div class="block-title">
                                        <h2><strong>Payment</strong> Icons</h2>
                                    </div>
                                    <!-- END Payment Icons Title -->

                                    <!-- Payment Icons Content -->
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cc-amex"><i class="fa fa-cc-amex fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cc-diners-club"><i class="fa fa-cc-diners-club fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cc-discover"><i class="fa fa-cc-discover fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cc-jcb"><i class="fa fa-cc-jcb fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cc-mastercard"><i class="fa fa-cc-mastercard fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cc-paypal"><i class="fa fa-cc-paypal fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cc-stripe"><i class="fa fa-cc-stripe fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cc-visa"><i class="fa fa-cc-visa fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-credit-card"><i class="fa fa-credit-card fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-google-wallet"><i class="fa fa-google-wallet fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-paypal"><i class="fa fa-cc-paypal fa-fw"></i></a>
                                    <!-- END Payment Icons Content -->
                                </div>
                                <!-- END Payment Icons Block -->

                                <!-- Transportation Icons Block -->
                                <div class="block full">
                                    <!-- Transportation Icons Title -->
                                    <div class="block-title">
                                        <h2><strong>Transportation</strong> Icons</h2>
                                    </div>
                                    <!-- END Transportation Icons Title -->

                                    <!-- Transportation Icons Content -->
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-ambulance"><i class="fa fa-ambulance fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-automobile"><i class="fa fa-automobile fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bicycle"><i class="fa fa-bicycle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bus"><i class="fa fa-bus fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cab"><i class="fa fa-cab fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-car"><i class="fa fa-car fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-fighter-jet"><i class="fa fa-fighter-jet fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-motorcycle"><i class="fa fa-motorcycle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-plane"><i class="fa fa-plane fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-rocket"><i class="fa fa-rocket fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-ship"><i class="fa fa-ship fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-space-shuttle"><i class="fa fa-space-shuttle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-subway"><i class="fa fa-subway fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-taxi"><i class="fa fa-taxi fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-train"><i class="fa fa-train fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-truck"><i class="fa fa-truck fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-wheelchair"><i class="fa fa-wheelchair fa-fw"></i></a>
                                    <!-- END Transportation Icons Content -->
                                </div>
                                <!-- END Transportation Icons Block -->

                                <!-- Video Player Icons Block -->
                                <div class="block full">
                                    <!-- Video Player Icons Title -->
                                    <div class="block-title">
                                        <h2><strong>Video Player</strong> Icons</h2>
                                    </div>
                                    <!-- END Video Player Icons Title -->

                                    <!-- Video Player Icons Content -->
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-backward"><i class="fa fa-backward fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-eject"><i class="fa fa-eject fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-fast-backward"><i class="fa fa-fast-backward fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-fast-forward"><i class="fa fa-fast-forward fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-forward"><i class="fa fa-forward fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-arrows-alt"><i class="fa fa-arrows-alt fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-pause"><i class="fa fa-pause fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-pause-circle"><i class="fa fa-pause-circle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-pause-circle-o"><i class="fa fa-pause-circle-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-play"><i class="fa fa-play fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-play-circle-o"><i class="fa fa-play-circle-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-play-circle"><i class="fa fa-play-circle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-expand"><i class="fa fa-expand fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-compress"><i class="fa fa-compress fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-step-backward"><i class="fa fa-step-backward fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-step-forward"><i class="fa fa-step-forward fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-stop"><i class="fa fa-stop fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-stop-circle"><i class="fa fa-stop-circle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-stop-circle-o"><i class="fa fa-stop-circle-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-youtube-play"><i class="fa fa-youtube-play fa-fw"></i></a>
                                    <!-- END Video Player Icons Content -->
                                </div>
                                <!-- END Video Player Icons Block -->
                            </div>
                            <div class="col-md-6">

                                <!-- Text Editor Icons Block -->
                                <div class="block full">
                                    <!-- Text Editor Icons Title -->
                                    <div class="block-title">
                                        <h2><strong>Text Editor</strong> Icons</h2>
                                    </div>
                                    <!-- END Text Editor Icons Title -->

                                    <!-- Text Editor Icons Content -->
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-align-center"><i class="fa fa-align-center fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-align-justify"><i class="fa fa-align-justify fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-align-left"><i class="fa fa-align-left fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-align-right"><i class="fa fa-align-right fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bold"><i class="fa fa-bold fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-columns"><i class="fa fa-columns fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-files-o"><i class="fa fa-files-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-scissors"><i class="fa fa-scissors fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-eraser"><i class="fa fa-eraser fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-file"><i class="fa fa-file fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-file-o"><i class="fa fa-file-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-file-text"><i class="fa fa-file-text fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-file-text-o"><i class="fa fa-file-text-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-font"><i class="fa fa-font fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-header"><i class="fa fa-header fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-outdent"><i class="fa fa-outdent fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-indent"><i class="fa fa-indent fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-italic"><i class="fa fa-italic fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-link"><i class="fa fa-link fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-list"><i class="fa fa-list fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-list-alt"><i class="fa fa-list-alt fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-list-ol"><i class="fa fa-list-ol fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-list-ul"><i class="fa fa-list-ul fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-paperclip"><i class="fa fa-paperclip fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-paragraph"><i class="fa fa-paragraph fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-clipboard"><i class="fa fa-clipboard fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-repeat"><i class="fa fa-repeat fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-rotate-left"><i class="fa fa-rotate-left fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-rotate-right"><i class="fa fa-rotate-right fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-floppy-o"><i class="fa fa-floppy-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-strikethrough"><i class="fa fa-strikethrough fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-table"><i class="fa fa-table fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-text-height"><i class="fa fa-text-height fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-text-width"><i class="fa fa-text-width fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-th"><i class="fa fa-th fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-th-large"><i class="fa fa-th-large fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-th-list"><i class="fa fa-th-list fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-underline"><i class="fa fa-underline fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-undo"><i class="fa fa-undo fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-chain-broken"><i class="fa fa-chain-broken fa-fw"></i></a>
                                    <!-- END Text Editor Icons Content -->
                                </div>
                                <!-- END Text Editor Icons Block -->

                                <!-- Currency Icons Block -->
                                <div class="block full">
                                    <!-- Currency Icons Title -->
                                    <div class="block-title">
                                        <h2><strong>Currency</strong> Icons</h2>
                                    </div>
                                    <!-- END Currency Icons Title -->

                                    <!-- Currency Icons Content -->
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bitcoin"><i class="fa fa-bitcoin fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-buysellads"><i class="fa fa-buysellads fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-btc"><i class="fa fa-btc fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-cny"><i class="fa fa-cny fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-dollar"><i class="fa fa-dollar fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-eur"><i class="fa fa-eur fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-euro"><i class="fa fa-euro fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-gbp"><i class="fa fa-gbp fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-ils"><i class="fa fa-ils fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-inr"><i class="fa fa-inr fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-jpy"><i class="fa fa-jpy fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-krw"><i class="fa fa-krw fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-rub"><i class="fa fa-rub fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-ruble"><i class="fa fa-ruble fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-rouble"><i class="fa fa-rouble fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-rupee"><i class="fa fa-rupee fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-shekel"><i class="fa fa-shekel fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-sheqel"><i class="fa fa-sheqel fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-try"><i class="fa fa-try fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-turkish-lira"><i class="fa fa-turkish-lira fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-usd"><i class="fa fa-usd fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-won"><i class="fa fa-won fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-yen"><i class="fa fa-yen fa-fw"></i></a>
                                    <!-- END Currency Icons Content -->
                                </div>
                                <!-- END Currency Icons Block -->

                                <!-- Gender Icons Block -->
                                <div class="block full">
                                    <!-- Gender Icons Title -->
                                    <div class="block-title">
                                        <h2><strong>Gender</strong> Icons</h2>
                                    </div>
                                    <!-- END Gender Icons Title -->

                                    <!-- Gender Icons Content -->
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-genderless"><i class="fa fa-genderless fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-mars"><i class="fa fa-mars fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-mars-double"><i class="fa fa-mars-double fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-mars-stroke"><i class="fa fa-mars-stroke fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-mars-stroke-h"><i class="fa fa-mars-stroke-h fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-mars-stroke-v"><i class="fa fa-mars-stroke-v fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-mercury"><i class="fa fa-mercury fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-neuter"><i class="fa fa-neuter fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-transgender"><i class="fa fa-transgender fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-transgender-alt"><i class="fa fa-transgender-alt fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-venus"><i class="fa fa-venus fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-venus-double"><i class="fa fa-venus-double fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-venus-mars"><i class="fa fa-venus-mars fa-fw"></i></a>
                                    <!-- END Gender Icons Content -->
                                </div>
                                <!-- END Gender Icons Block -->

                                <!-- Directional Icons Block -->
                                <div class="block full">
                                    <!-- Directional Icons Title -->
                                    <div class="block-title">
                                        <h2><strong>Directional</strong> Icons</h2>
                                    </div>
                                    <!-- END Directional Icons Title -->

                                    <!-- Directional Icons Content -->
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-angle-down"><i class="fa fa-angle-down fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-angle-left"><i class="fa fa-angle-left fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-angle-right"><i class="fa fa-angle-right fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-angle-up"><i class="fa fa-angle-up fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-arrow-down"><i class="fa fa-arrow-down fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-arrow-left"><i class="fa fa-arrow-left fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-arrow-right"><i class="fa fa-arrow-right fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-arrow-up"><i class="fa fa-arrow-up fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-caret-down"><i class="fa fa-caret-down fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-caret-left"><i class="fa fa-caret-left fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-caret-right"><i class="fa fa-caret-right fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-caret-up"><i class="fa fa-caret-up fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-caret-square-o-left"><i class="fa fa-caret-square-o-left fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-chevron-down"><i class="fa fa-chevron-down fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-chevron-left"><i class="fa fa-chevron-left fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-chevron-right"><i class="fa fa-chevron-right fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-chevron-circle-down"><i class="fa fa-chevron-circle-down fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-chevron-circle-left"><i class="fa fa-chevron-circle-left fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-chevron-circle-right"><i class="fa fa-chevron-circle-right fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-chevron-circle-up"><i class="fa fa-chevron-circle-up fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-chevron-up"><i class="fa fa-chevron-up fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-arrow-circle-down"><i class="fa fa-arrow-circle-down fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-arrow-circle-left"><i class="fa fa-arrow-circle-left fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-arrow-circle-right"><i class="fa fa-arrow-circle-right fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-arrow-circle-up"><i class="fa fa-arrow-circle-up fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-angle-double-down"><i class="fa fa-angle-double-down fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-angle-double-left"><i class="fa fa-angle-double-left fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-angle-double-right"><i class="fa fa-angle-double-right fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-angle-double-up"><i class="fa fa-angle-double-up fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hand-o-down"><i class="fa fa-hand-o-down fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hand-o-left"><i class="fa fa-hand-o-left fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hand-o-right"><i class="fa fa-hand-o-right fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hand-o-up"><i class="fa fa-hand-o-up fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-long-arrow-down"><i class="fa fa-long-arrow-down fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-long-arrow-left"><i class="fa fa-long-arrow-left fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-long-arrow-right"><i class="fa fa-long-arrow-right fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-long-arrow-up"><i class="fa fa-long-arrow-up fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-toggle-left"><i class="fa fa-toggle-left fa-fw"></i></a>
                                    <!-- END Directional Icons Content -->
                                </div>
                                <!-- END Directional Icons Block -->

                                <!-- Brand Icons Block -->
                                <div class="block full">
                                    <!-- Brand Icons Title -->
                                    <div class="block-title">
                                        <h2><strong>Brand</strong> Icons</h2>
                                    </div>
                                    <!-- END Brand Icons Title -->

                                    <!-- Brand Icons Content -->
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-500px"><i class="fa fa-500px fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-adn"><i class="fa fa-adn fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-amazon"><i class="fa fa-amazon fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-android"><i class="fa fa-android fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-angellist"><i class="fa fa-angellist fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-apple"><i class="fa fa-apple fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-behance"><i class="fa fa-behance fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-behance-square"><i class="fa fa-behance-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bitbucket"><i class="fa fa-bitbucket fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bitbucket-square"><i class="fa fa-bitbucket-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-bitcoin"><i class="fa fa-bitcoin fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-black-tie"><i class="fa fa-black-tie fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-btc"><i class="fa fa-btc fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-connectdevelop"><i class="fa fa-connectdevelop fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-contao"><i class="fa fa-contao fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-chrome"><i class="fa fa-chrome fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-codepen"><i class="fa fa-codepen fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-codiepie"><i class="fa fa-codiepie fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-css3"><i class="fa fa-css3 fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-dashcube"><i class="fa fa-dashcube fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-delicious"><i class="fa fa-delicious fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-deviantart"><i class="fa fa-deviantart fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-digg"><i class="fa fa-digg fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-dribbble"><i class="fa fa-dribbble fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-dropbox"><i class="fa fa-dropbox fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-drupal"><i class="fa fa-drupal fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-edge"><i class="fa fa-edge fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-empire"><i class="fa fa-empire fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-facebook"><i class="fa fa-facebook fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-facebook-square"><i class="fa fa-facebook-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-facebook-official"><i class="fa fa-facebook-official fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-flickr"><i class="fa fa-flickr fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-forumbee"><i class="fa fa-forumbee fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-foursquare"><i class="fa fa-foursquare fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-ge"><i class="fa fa-ge fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-get-pocket"><i class="fa fa-get-pocket fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-gg"><i class="fa fa-gg fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-gg-circle"><i class="fa fa-gg-circle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-git"><i class="fa fa-git fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-git-square"><i class="fa fa-git-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-github"><i class="fa fa-github fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-github-alt"><i class="fa fa-github-alt fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-github-square"><i class="fa fa-github-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-gittip"><i class="fa fa-gittip fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-google"><i class="fa fa-google fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-google-plus"><i class="fa fa-google-plus fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-google-plus-square"><i class="fa fa-google-plus-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hacker-news"><i class="fa fa-hacker-news fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-houzz"><i class="fa fa-houzz fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-html5"><i class="fa fa-html5 fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-instagram"><i class="fa fa-instagram fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-internet-explorer"><i class="fa fa-internet-explorer fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-ioxhost"><i class="fa fa-ioxhost fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-joomla"><i class="fa fa-joomla fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-jsfiddle"><i class="fa fa-jsfiddle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-lastfm"><i class="fa fa-lastfm fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-lastfm-square"><i class="fa fa-lastfm-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-leanpub"><i class="fa fa-leanpub fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-linkedin"><i class="fa fa-linkedin fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-linkedin-square"><i class="fa fa-linkedin-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-linux"><i class="fa fa-linux fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-meanpath"><i class="fa fa-meanpath fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-medium"><i class="fa fa-medium fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-mixcloud"><i class="fa fa-mixcloud fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-modx"><i class="fa fa-modx fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-odnoklassniki"><i class="fa fa-odnoklassniki fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-odnoklassniki-square"><i class="fa fa-odnoklassniki-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-opencart"><i class="fa fa-opencart fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-maxcdn"><i class="fa fa-maxcdn fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-openid"><i class="fa fa-openid fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-opera"><i class="fa fa-opera fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-optin-monster"><i class="fa fa-optin-monster fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-pagelines"><i class="fa fa-pagelines fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-pied-piper"><i class="fa fa-pied-piper fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-pied-piper-alt"><i class="fa fa-pied-piper-alt fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-pinterest"><i class="fa fa-pinterest fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-pinterest-p"><i class="fa fa-pinterest-p fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-pinterest-square"><i class="fa fa-pinterest-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-product-hunt"><i class="fa fa-product-hunt fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-qq"><i class="fa fa-qq fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-ra"><i class="fa fa-ra fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-rebel"><i class="fa fa-rebel fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-reddit"><i class="fa fa-reddit fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-reddit-alien"><i class="fa fa-reddit-alien fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-reddit-square"><i class="fa fa-reddit-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-renren"><i class="fa fa-renren fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-safari"><i class="fa fa-safari fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-scribd"><i class="fa fa-scribd fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-sellsy"><i class="fa fa-sellsy fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-skype"><i class="fa fa-skype fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-slack"><i class="fa fa-slack fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-slideshare"><i class="fa fa-slideshare fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-soundcloud"><i class="fa fa-soundcloud fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-spotify"><i class="fa fa-spotify fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-stack-exchange"><i class="fa fa-stack-exchange fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-stack-overflow"><i class="fa fa-stack-overflow fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-steam"><i class="fa fa-steam fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-steam-square"><i class="fa fa-steam-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-stumbleupon"><i class="fa fa-stumbleupon fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-stumbleupon-circle"><i class="fa fa-stumbleupon-circle fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-tencent-weibo"><i class="fa fa-tencent-weibo fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-trello"><i class="fa fa-trello fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-tumblr"><i class="fa fa-tumblr fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-tumblr-square"><i class="fa fa-tumblr-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-twitch"><i class="fa fa-twitch fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-twitter"><i class="fa fa-twitter fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-twitter-square"><i class="fa fa-twitter-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-usb"><i class="fa fa-usb fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-viacoin"><i class="fa fa-viacoin fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-vimeo"><i class="fa fa-vimeo fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-vimeo-square"><i class="fa fa-vimeo-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-vk"><i class="fa fa-vk fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-wechat"><i class="fa fa-wechat fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-vine"><i class="fa fa-vine fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-weibo"><i class="fa fa-weibo fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-weixin"><i class="fa fa-weixin fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-whatsapp"><i class="fa fa-whatsapp fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-wikipedia-w"><i class="fa fa-wikipedia-w fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-windows"><i class="fa fa-windows fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-wordpress"><i class="fa fa-wordpress fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-xing"><i class="fa fa-xing fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-xing-square"><i class="fa fa-xing-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-y-combinator"><i class="fa fa-y-combinator fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-yahoo"><i class="fa fa-yahoo fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-yc"><i class="fa fa-yc fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-yelp"><i class="fa fa-yelp fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-youtube"><i class="fa fa-youtube fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-youtube-play"><i class="fa fa-youtube-play fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-youtube-square"><i class="fa fa-youtube-square fa-fw"></i></a>
                                    <!-- END Brand Icons Content -->
                                </div>
                                <!-- END Brand Icons Block -->

                                <!-- Medical Icons Block -->
                                <div class="block full">
                                    <!-- Medical Icons Title -->
                                    <div class="block-title">
                                        <h2><strong>Medical</strong> Icons</h2>
                                    </div>
                                    <!-- END Medical Icons Title -->

                                    <!-- Medical Icons Content -->
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-ambulance"><i class="fa fa-ambulance fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-h-square"><i class="fa fa-h-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-hospital-o"><i class="fa fa-hospital-o fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-medkit"><i class="fa fa-medkit fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-plus-square"><i class="fa fa-plus-square fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-stethoscope"><i class="fa fa-stethoscope fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-user-md"><i class="fa fa-user-md fa-fw"></i></a>
                                    <a href="#icon-gen" class="btn btn-alt btn-default" data-toggle="tooltip" title="fa fa-wheelchair"><i class="fa fa-wheelchair fa-fw"></i></a>
                                    <!-- END Medical Icons Content -->
                                </div>
                                <!-- END Medical Icons Block -->
                            </div>
                        </div>
                        <!-- END Icons Grid -->
                    </div>
                    <!-- END Page Content -->

                    <!-- Footer -->
                    <footer class="clearfix">
                        <div class="pull-right">
                            Crafted with <i class="fa fa-heart text-danger"></i> by <a href="http://goo.gl/vNS3I" target="_blank">pixelcave</a>
                        </div>
                        <div class="pull-left">
                            <span id="year-copy"></span> &copy; <a href="http://goo.gl/TDOSuC" target="_blank">ProUI 3.5</a>
                        </div>
                    </footer>
                    <!-- END Footer -->
                </div>
                <!-- END Main Container -->
            </div>
            <!-- END Page Container -->
        </div>
        <!-- END Page Wrapper -->

        <!-- Scroll to top link, initialized in js/app.js - scrollToTop() -->
        <a href="#" id="to-top"><i class="fa fa-angle-double-up"></i></a>

        <!-- User Settings, modal which opens from Settings link (found in top right user menu) and the Cog link (found in sidebar user info) -->
        <div id="modal-user-settings" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <!-- Modal Header -->
                    <div class="modal-header text-center">
                        <h2 class="modal-title"><i class="fa fa-pencil"></i> Settings</h2>
                    </div>
                    <!-- END Modal Header -->

                    <!-- Modal Body -->
                    <div class="modal-body">
                        <form action="index.html" method="post" enctype="multipart/form-data" class="form-horizontal form-bordered" onsubmit="return false;">
                            <fieldset>
                                <legend>Vital Info</legend>
                                <div class="form-group">
                                    <label class="col-md-4 control-label">Username</label>
                                    <div class="col-md-8">
                                        <p class="form-control-static">Admin</p>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-4 control-label" for="user-settings-email">Email</label>
                                    <div class="col-md-8">
                                        <input type="email" id="user-settings-email" name="user-settings-email" class="form-control" value="admin@example.com">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-4 control-label" for="user-settings-notifications">Email Notifications</label>
                                    <div class="col-md-8">
                                        <label class="switch switch-primary">
                                            <input type="checkbox" id="user-settings-notifications" name="user-settings-notifications" value="1" checked>
                                            <span></span>
                                        </label>
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset>
                                <legend>Password Update</legend>
                                <div class="form-group">
                                    <label class="col-md-4 control-label" for="user-settings-password">New Password</label>
                                    <div class="col-md-8">
                                        <input type="password" id="user-settings-password" name="user-settings-password" class="form-control" placeholder="Please choose a complex one..">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-4 control-label" for="user-settings-repassword">Confirm New Password</label>
                                    <div class="col-md-8">
                                        <input type="password" id="user-settings-repassword" name="user-settings-repassword" class="form-control" placeholder="..and confirm it!">
                                    </div>
                                </div>
                            </fieldset>
                            <div class="form-group form-actions">
                                <div class="col-xs-12 text-right">
                                    <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
                                    <button type="submit" class="btn btn-sm btn-primary">Save Changes</button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- END Modal Body -->
                </div>
            </div>
        </div>
        <!-- END User Settings -->

        <!-- jQuery, Bootstrap.js, jQuery plugins and Custom JS code -->
        <script src="js/vendor/jquery-1.12.0.min.js"></script>
        <script src="js/vendor/bootstrap.min.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/app.js"></script>

        <!-- Load and execute javascript code used only in this page -->
        <script src="js/pages/icons.js"></script>
        <script>$(function(){ Icons.init(); });</script>
    </body>
</html>